<!DOCTYPE html>
<html>
<head>
    <title>编写简单的html代码</title>
</head>
<body>
    <h2>练习3</h2>
    <style>
        .red{color:red;}
        .blue{color:blue;}
    </style>
    <from>
        <table>
            <tr>
                <td align=right><span class="red">*</span>用户名：</td>
                <td><input type="text"><span class="red"> 用户名不得小于3个字符</span></td>
            </tr>
            <tr>
                <td align=right><span class="red">*</span>密码：</td>
                <td><input type="password"></td>
            </tr>
            <tr>
                <td align=right><span class="red">*</span>确认密码：</td>
                <td><input type="password"></td>
            </tr>
            <tr>
                <td align=right><span class="red">*</span>Emali：</td>
                <td><input type="text"></td>
            </tr>
            <tr>
                <td align=right><span class="red">*</span>真实姓名：</td>
                <td><input type="text"></td>
            </tr>
            <tr>
                <td align=right><span class="red">*</span>性别：</td>
                <td>
                    <select>
                        <option>男</option>
                        <option>女</option>
                        <option>不明</option>
                    </select>
                </td>
            </tr>
            <tr>
                <td align=right><span class="red">*</span>生日：</td>
                <td>
                    <select>
                        <option>1995</option>
                        <option>1996</option>
                        <option>1997</option>
                    </select> 年
                    <select>
                        <option>6</option>
                        <option>7</option>
                        <option>8</option>
                    </select> 月
                    <select>
                        <option>27</option>
                        <option>28</option>
                        <option>29</option>
                    </select> 日
                </td>
            </tr>
            <tr>
                <td align=right><span class="red">*</span>手机：</td>
                <td><input type="text"></td>
            </tr>
            <tr>
                <td align=right><span class="red">*</span>居住地：</td>
                <td>
                    <select>
                        <option>四川省</option>
                        <option>广东省</option>
                    </select>
                    <select>
                        <option>达州市</option>
                        <option>成都</option>
                        <option>宜宾</option>
                    </select>
                    <select>
                        <option>通川区</option>
                        <option>宣汉县</option>
                        <option>达县</option>
                    </select>
                    <select>
                        <option>大成镇</option>
                    </select>
                </td>
            </tr>
            <tr>
                <td align=right><span class="red">*</span>QQ：</td>
                <td><input type="text"></td>
            </tr>
            <tr>
                <td></td>
                <td><span class="blue">设置我的QQ在线状态</span></td> 
            </tr>
        </from>
        </table>
</body>
</html>